<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>首页-张三的淘宝店铺—淘宝网</title>
	<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!-- site navigation -->
		<div id="site-nav">
			<div id="site-nav-bd">
				<div class="sitenav-mobile">
					<a href="">手机版</a>
				</div>
				<p class="login-info">
					亲，欢迎来淘宝！请<a href="">登录</a>
					<a href="">免费注册</a>
				</p>
				<ul class="quick-menu">
					<li>
						<a href="">淘宝网首页</a>
					</li>
					<li>
						<a href="" class="menu-item">我要买</a>
						<em></em>
					</li>
					<li>
						<a href="" class="menu-item">我的淘宝</a>
						<em></em>
					</li>
					<li>
						<a href="" class="menu-item">卖家中心</a>
						<em></em>
					</li>
					<li>
						<a href="">服务中心</a>
					</li>
					<li>
						<a href="" class="menu-item mini-cart"><strong class="cart"></strong>购物车<span class="mc-count">0</span>件</a>
						<em></em>
					</li>
					<li>
						<a href="" class="menu-item">收藏夹</a>
						<em></em>
					</li>
					<li>
						<a href="" class="menu-item">网站导航</a>
						<em></em>
					</li>
				</ul>
			</div>
		</div>
		
		<!-- head -->
		<div id="head">
			<div id="shop-head">
				<h1 id="shop-logo">
					<p><img src="image/logo.png" alt=""></p>
					<a href="http://www.taobao.com/" class="taobao-link"></a>
					<a href="http://zhangsan.taobao.com/" class="shop-link"></a>
				</h1>
				<div class="clear">
					<div class="shop-wrap">
						<div id="shop-search">
							<form action="" id="search-form">
								<label for="search-input">想要找什么宝贝?</label>
								<input type="text" id="search-input" class="shop-text" />
								<span class="instore">
									<button type="submit" class="search-instore">搜本店</button>
								</span>
								<span class="global">
									<button type="submit" class="search-global">搜淘宝</button>
								</span>
							</form>
						</div>
					</div>
					<div id="shop-info">
						<div class="shop-info-simple">
							<a href="">张三</a>
							<a href="" class="shop-online"></a>
							<a href="" class="shop-collect">点击收藏</a>
						</div>
						<b class="arrow-wrap">
							<i class="shop-arrow"></i>
						</b>
						<div class="shop-info-detail">
							<div class="shop-"></div>
							<div class="shop-"></div>
							<div class="shop-"></div>
							<div class="shop-"></div>
							<div class="shop-"></div>
						</div>
					</div>
				</div>
			</div>
			<div id="shop-wwtips"></div>
		</div>

		<!-- content -->
		<div id="content">
			<div class="shop-nav">
				<div class="shop-menu">
					<ul>
						<li>
							<a href="" class="without-left-border current">首页</a>
						</li>
						<li>
							<a href="">全部分类</a>
						</li>
						<li>
							<a href="">信用评价</a>
						</li>
						<li>
							<a href="">店铺介绍</a>
						</li>
						<li>
							<a href="" class="without-right-border">交流区</a>
						</li>
					</ul>
					<br class="clear" />
				</div>
				<div class="shop-summary">
					<h1 class="shop-name">
						<a href="">
							张三的淘宝店铺
						</a>
					</h1>
					<p class="shop-desc">
						各种折扣宝贝
					</p>
				</div>
			</div>
			<div class="shop-main">
				<div class="shop-main-left">
					<div class="shop-main-level shop-main-left-level level_1">
						<a href="" class="shop-collect"></a>
						<p class="shop-notice">欢迎光临小店.逛店过程中如果遇到任何问题可直接联系掌柜，谢谢！
							<span class="shop-qq">
								QQ: 123456789
							</span>
						</p>
						<ul>
							<li class="shop-news">
								【福音满200元+5元换购】
							</li>
							<li class="shop-news">
								【热卖商品推荐区】
							</li>
							<li class="shop-news">
								【每周一三五准时更新】
							</li>
							<li class="shop-news">
								【全场二件起包邮哟】
							</li>
						</ul>
					</div>
					<div class="shop-main-level shop-main-left-level">
						<h2 class="shop-level-title">
							客服中心
						</h2>
						<div class="shop-level-treatures">
							<p>
								<h3>工作时间</h3>
								<em>周一至周日：<span>9:00 ~ 24:00</span></em>
							</p>
							<p>
								<h3>在线咨询</h3>
								<em>客服中心：<a href="" class="shop-online"></a></em>
							</p>
						</div>
					</div>
					<div class="shop-main-level shop-main-left-level">
						<h2 class="shop-level-title">
							宝贝分类
						</h2>
						<div class="shop-level-treatures">
							<div class="classify">
								<h4 class="classify-title">
									所有宝贝
								</h4>
								<ul>
									<li>
										<a href="" class="classify-name">按销量</a>
									</li>
									<li>
										<a href="" class="classify-name">按价格</a>
									</li>
									<li>
										<a href="" class="classify-name">按新品</a>
									</li>
								</ul>
							</div>
							<div class="classify">
								<h4 class="classify-title">
									宝贝分类一
								</h4>
								<ul>
									<li><a href="" class="classify-name">宝贝分类 1.1</a></li>
									<li><a href="" class="classify-name">宝贝分类 1.2</a></li>
									<li><a href="" class="classify-name">宝贝分类 1.3</a></li>
								</ul>
							</div>
							<div class="classify">
								<h4 class="classify-title">
									宝贝分类二
								</h4>
								<ul>
									<li><a href="" class="classify-name">宝贝分类 2.1</a></li>
									<li><a href="" class="classify-name">宝贝分类 2.2</a></li>
									<li><a href="" class="classify-name">宝贝分类 2.3</a></li>
								</ul>
							</div>
							<div class="classify">
								<h4 class="classify-title">
									宝贝分类三
								</h4>
								<ul>
									<li><a href="" class="classify-name">宝贝分类 3.1</a></li>
									<li><a href="" class="classify-name">宝贝分类 3.2</a></li>
									<li><a href="" class="classify-name">宝贝分类 3.3</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="shop-main-level shop-main-left-level">
						<h2 class="shop-level-title">
							搜索店内宝贝
						</h2>
						<div class="shop-level-treatures">
							<form action="" method="get" id="myshop-search">
								<label for="myshop-search-keyword">关键词</label>
								<input type="text" id="myshop-search-keyword" value="" />
								<br />
								<label for="myshop-search-value-from">价格从</label>
								<input type="text" id="myshop-search-value-from">
								<label for="myshop-search-value-to">到</label>
								<input type="text" value="" id="myshop-search-value-to">
								<input type="submit" value="搜索" id="myshop-search-submit">
							</form>
						</div>
					</div>
					<div class="shop-main-level shop-main-left-level">
						<h2 class="shop-level-title">
							宝贝排行榜
						</h2>
						<div class="shop-level-treatures treatures-mini">
							<div class="tabs">
								<h5 class="mini-tab current">本月排行榜</h5>
								<h5 class="mini-tab">热门收藏排行</h5>
							</div>
							<!-- month rate -->
							<div class="month-rate current">
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(1).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">正品阿迪达斯清风跑步</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>21</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(2).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">耐克男式休闲男女板鞋</a></dd>
									<dd class="mini-price"><i></i>200.5</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>19</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(3).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">耐克XA Pro 3D情侣跑</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>18</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(4).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">阿迪达斯夏季透气清风</a></dd>
									<dd class="mini-price"><i></i>285</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>13</strong> 笔</dd>
								</dl>
								<dl class="mini without-border">
									<dt class="mini-pic"><a href=""><img src="image/mini(5).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">511915-004阿迪达斯</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>9</strong> 笔</dd>
								</dl>
							</div>
							<!-- hot favorite -->
							<div class="hot-favor">
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(3).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">耐克XA Pro 3D情侣跑</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>18</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(2).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">耐克男式休闲男女板鞋</a></dd>
									<dd class="mini-price"><i></i>200.5</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>19</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(4).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">阿迪达斯夏季透气清风</a></dd>
									<dd class="mini-price"><i></i>285</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>13</strong> 笔</dd>
								</dl>
								<dl class="mini">
									<dt class="mini-pic"><a href=""><img src="image/mini(5).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">511915-004阿迪达斯</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>9</strong> 笔</dd>
								</dl>
								<dl class="mini without-border">
									<dt class="mini-pic"><a href=""><img src="image/mini(1).jpg" alt=""></a></dt>
									<dd class="mini-desc"><a href="">正品阿迪达斯清风跑步</a></dd>
									<dd class="mini-price"><i></i>315</dd>
									<dd class="mini-other-info"><i></i>已售出 <strong>21</strong> 笔</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
				<div class="shop-main-right">
					<!-- 新品到货　-->
					<div class="shop-main-level shop-main-right-level">
						<h2 class="shop-level-title">
							新品到货
						</h2>
						<div class="shop-level-treatures">
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/new(1).jpg" alt=""></a></dt>
								<dd class="shop-treature-desc"><a href="">阿迪达斯休闲越野跑步鞋爆款</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>200.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/new(2).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克女式藤原浩休闲板鞋新品促销中</a></dd>
								<dd class="shop-treature-price" />
									<span>一口价</span>
									<strong>185.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/new(3).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">阿迪达斯夏季透气清风跑步鞋</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>235.00</strong>
								</dd>
							</dl>
							<div class="shop-treatures-more">
								<a href="">更多宝贝</a>
							</div>
							<dl class="clear"></dl>
						</div>
						
					</div>
					<!-- 推荐宝贝　-->
					<div class="shop-main-level shop-main-right-level recommend">
						<h2 class="shop-level-title">
							推荐宝贝
						</h2>
						<div class="shop-level-treatures">
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(1).jpg" alt=""></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克透气跑步鞋男V20872 ARCE081-1 91215533-2 M21E272 M150GL</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>283.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(2).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">阿迪低帮鞋大码情侣休闲鞋男韩版英伦夏季网面透气鞋男士鞋子正品</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>280.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(3).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克K0215BB22男式休闲板鞋正品V23023 11033189 103770 XW23F186</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>216.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(4).jpg" alt=""></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克气垫跑步鞋男511915-004 V20872 ARHG021 11225547-2 MR993GL</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>310.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(5).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">511915-004阿迪达斯跑步鞋XA Pro 3D男正品V20872 ARHG021 M150GL</a></dd>
								<dd class="shop-treature-price" />
									<span>一口价</span>
									<strong>315.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/recommend(6).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克夏季XA Pro 3D跑步鞋男91215533-2 M21E272 V20872 ARCE081-1</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>316.00</strong>
								</dd>
							</dl>
							<div class="shop-treatures-more">
								<a href="">更多宝贝</a>
							</div>
							<dl class="clear"></dl>
						</div>
					</div>
					<!-- 热卖宝贝推荐　-->
					<div class="shop-main-level shop-main-right-level hot">
						<h2 class="shop-level-title">
							热卖宝贝推荐
						</h2>
						<div class="shop-level-treatures">
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(1).jpg" alt=""></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克XA Pro 3D情侣跑步鞋V20872 ARCE081-1 91215533-2 M21E272</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>315.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(2).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">阿迪达斯正品跑步鞋91215533-2 801514 U42584 M21E272 XA pro 3D</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>312.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(3).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克气垫跑步鞋女511915-004 V20872 ARHG021 11225547-2 MR993GL</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>316.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(4).jpg" alt=""></a></dt>
								<dd class="shop-treature-desc"><a href="">阿迪达斯清风跑鞋男91215533-2 M21E272 XA pro 3D 801514 U42584</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>310.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(5).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克休闲板鞋女正品K0215BB22 V23023 11033189 103770 XW23F186</a></dd>
								<dd class="shop-treature-price" />
									<span>一口价</span>
									<strong>259.00</strong>
								</dd>
							</dl>
							<dl class="shop-treature">
								<dt class="shop-treature-pic"><a href=""><img src="image/hot(6).jpg" alt="" /></a></dt>
								<dd class="shop-treature-desc"><a href="">耐克气垫跑步鞋女鞋正品511915-004 V20872 ARHG021 988119110669</a></dd>
								<dd class="shop-treature-price">
									<span>一口价</span>
									<strong>311.00</strong>
								</dd>
							</dl>
							<div class="shop-treatures-more">
								<a href="">更多宝贝</a>
							</div>
							<dl class="clear"></dl>
						</div>
					</div>
					<!-- 购物流程　-->
					<div class="shop-main-level shop-main-right-level">
						<h2 class="shop-level-title">
							购物流程
						</h2>
						<div class="shop-level-treatures">
							<img src="image/process.jpg" alt="购物流程" />
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>

		<!-- footer -->
		<div id="footer">
		    <div class="footer-ali">
		        <span>阿里巴巴集团</span> <b>|</b>
		        <span>阿里巴巴网络：</span>
		        <a href="http://www.alibaba.com/">国际站</a>
		        <a href="http://china.alibaba.com/">中文站</a>
		        <a href="http://seller.aliexpress.com/">全球速卖通</a> <b>|</b>
		        <a href="http://www.taobao.com/?id=shouye_taobao">淘宝网</a>
		        <b>|</b>
		        <a href="http://www.tmall.com/">天猫</a>
		        <b>|</b>
		        <a href="http://www.etao.com/">一淘</a>
		        <b>|</b>
		        <a href="http://www.aliyun.com/">阿里云</a>
		        <b>|</b>
		        <a href="http://www.yahoo.com.cn/">中国雅虎</a>
		        <b>|</b>
		        <a href="http://www.alipay.com/">支付宝</a>
		    </div>
		    <div class="footer-nav">
		        <a href="http://www.taobao.com/about/">关于淘宝</a>
		        <a href="http://www.taobao.com/about/partners.php">合作伙伴</a>
		        <a href="http://pro.taobao.com/">营销中心</a>
		        <a href="http://service.taobao.com/support/main/service_center.htm">服务中心</a>
		        <a href="http://open.taobao.com/">开放平台</a>
		        <a href="http://www.taobao.com/about/join.php">诚征英才</a>
		        <a href="http://www.taobao.com/about/contact.php">联系我们</a>
		        <a href="http://www.taobao.com/sitemap.php">网站地图</a>
		        <a href="http://www.taobao.com/about/copyright.php">版权说明</a>
		        <span>© 2012 淘宝(中国)软件有限公司 版权所有</span>
   			</div>
   			<span class="ali-toy"></span>
		</div>
	</body>
	<script type="text/javascript" src="js/zJQ.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</html>
